Description

This PR restores the mentorship resource page changes from #277, which were reverted in #279 due to broken resource card images, and updates the page to use the backend mentorship resources response shape.

Root Cause

The backend can provide mentorship resource image paths as Google Drive URLs, for example:

https://drive.google.com/uc?id=<file-id>

Those URLs are not reliable as direct <img src=""> values. In the browser, Google Drive may redirect through download/auth flows, or return a response that is not a clean image resource. As a result, the resource cards can show broken images even though the URLs may appear to work when opened directly.

Fix

• Restores the mentorship resources page to consume the backend response shape.
• Uses API/fallback data for the hero content, resource titles, descriptions, button labels, PDF links, and footer.
• Uses stable local frontend image assets for the three resource card images:
  • /mentee_guideMedia.jpg
  • /mentor_pocketbookMedia.jpg
  • /mentor_guideeMedia.jpg
• Keeps the PDF resource links from the backend data and opens them in a new tab.
• Supports resource image data in the response as either:
  1. An Image object with path
  2. A string image URL/path

Note: backend image paths are currently not used for the displayed card artwork because Google Drive image URLs are unreliable for direct rendering in resource cards.

Screenshots

Before

After

Type

• Bug Fix
• New Feature
• Code Refactor
• Documentation
• Other

Related Issue

Testing

Pull request checklist

Please check if your PR fulfills the following requirements:

• I checked and followed the contributor guide
• I have tested my changes locally.
• I have added a screenshot from the website after I tested it locally